<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>

    <title>科室介绍</title>
    <link type="text/css" rel="stylesheet" href="/css/index.css"/>
    <script type="text/javascript" src="/js/vue.js"></script>
    <script type="text/javascript" src="/js/index.js"></script>
    <script type="text/javascript" src="/js/axios.min.js"></script>
    <script type="text/javascript" src="/js/qs.min.js"></script>
    <script type="text/javascript" src="/js/jquery-3.5.1.min.js"></script>

    <link type="text/css" rel="stylesheet" href="../css/index.css">

    <link rel="stylesheet" type="text/css" href="../css/common.css">
<!--    <link rel="stylesheet" type="text/css" href="css/style.css">-->
    <link href="../css/bootstrap.min.css" rel="stylesheet"/>
    <link href="../css/layui.css" rel="stylesheet">

</head>
<body>
<div class="yq-main" id="app">
    <el-card class="box-card" >

            <div class="yq-w1200 cl">
        <div class="yq-tab">
            <div class="yq-tab-content">
                <div class="yq-tab-content-item active">
                    <div class="yq-btn-list" id="hy">

                        <center><h3 style="color: #00b8b6">{{info.name}} </h3></center>
                        <div>
                            <dd></dd>
                            <dt><span>学术地位</span></dt>
                            <textarea class="form-control" readonly="readonly" style=" width: 1100px;resize: none;border: none;background-color: transparent" v-model="info.science" ></textarea>
<!--                            <tr>-->
<!--                                <td>{{info.science}}</td>-->
<!--                            </tr>-->
                            <br>
                            <hr>
                        </div>
                        <div>
                            <dd></dd>
                            <dt><span>技术优势</span></dt>
                            <textarea class="form-control" readonly="readonly" style="height:75px;width: 1100px;resize: none;border: none;background-color: transparent" v-model="info.skill" ></textarea>
<!--                            <tr>-->
<!--                                <td>{{info.skill}}</td>-->
<!--                            </tr>-->
                            <br>
                            <hr>
                        </div>
                        <div>
                            <dd></dd>
                            <dt><span>科室简介</span></dt>
                            <textarea class="form-control" readonly="readonly" style="width: 1100px;resize: none;border: none;background-color: transparent" v-model="info.intro" ></textarea>
<!--                            <tr>-->
<!--                                <td>{{info.intro}}</td>-->
<!--                            </tr>-->
                            <br>
                            <hr>
                        </div>
                        <div>
                            <dd></dd>
                            <dt><span>成果创新</span></dt>
                            <textarea class="form-control" readonly="readonly" style="width: 1100px;resize: none;border: none;background-color: transparent" v-model="info.innovate" ></textarea>
<!--                            <tr>-->
<!--                                <td>{{info.innovate}}</td>-->
<!--                            </tr>-->
                            <br>
                            <hr>
                        </div>
                        <div>
                            <dl></dl>
                            <dt><span>专家介绍</span></dt>
                            <dd></dd>
                            <el-button v-for="(s,i) in docinfo" type="primary" plain class="yq-btn" @click="btn(s.id)"><span>{{s.name}}</span></el-button>
                            </dd>
                        </div>
                        <div>
                            <dd></dd>
                            <dt><span>就诊须知</span></dt>
                            <textarea class="form-control" readonly="readonly" style="height: 550px; width: 1100px;resize: none;border: none;background-color: transparent" v-model="info.info"></textarea>
<!--                            <tr>-->
<!--                                <td>{{info.info}}</td>-->
<!--                            </tr>-->
                            <br>
                            <hr>
                        </div>
                        <button onclick="history.go(-1)" class="btn  btn-default   btn-block" >返回上一页</button>
                    </div>
                </div>

            </div>
        </div>

    </div>
    </el-card>
</div>

<script>

    var id = window.location.href.split("=")[1];
    $.get("/SectionAndAdmin/selectAllByIds",{id:id}, function (backData) {
        app.info = backData.data;
    });
    $.get("/SectionAndAdmin/selectBySectionId",{sid:id}, function (backData) {
        app.docinfo = backData.data;
    });

    var app = new Vue({

        el: "#app",
        data: {
            info:[],
            docinfo:[],
        },
        methods: {
            btn:function (id) {
                window.location.href="selectAdminById.html?id="+id;
            }

        }

    });


</script>
<style>
    #app{
        border: 1px solid #DCDFE6;
        width: 80%;
        margin: 30px auto;
        padding: 35px 35px 15px 35px;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        box-shadow: 0 0 25px #909399;
    }
    .box-card {
        width: 100%;
    }
</style>
</body>

</html>